/**
 * Created by lishengyong on 2017/4/14.
 */

import React from 'react';
import Table from './table/BlueseaTable'
require('./App.scss');
/*
var echarts = require('echarts');
var myChart = echarts.init(document.getElementById('main'));

var axisData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];
var mock = [
    [{
        name: 1,
        x: 0,
        y: 1,
        value: 4,
        itemStyle: {
            normal: {
                color: '#ccc'
            }
        }
    },
    {
        name: 2,
        x: 0,
        y: 1,
        value: 5,
    }
        ,
    {
        name: 3,
        x: 0,
        y: 1,
        value: 4.7,
    },
    {
        name: 4,
        x: 0,
        y: 1,
        value: 6,
    }]

]

var links = mock[0].map(function (item, i) {
    return {
        source: i,
        target: i + 1,
    };
});
links.pop();
var option = {
    title: {
        text: '笛卡尔坐标系上的 Graph'
    },
    tooltip: {},
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: axisData
    },
    yAxis: {
        show: false,
        type: 'value'
    },
    polarIndex: 0,
    draggable: true,
    series: [
        {
            type: 'graph',
            layout: 'none',
            coordinateSystem: 'cartesian2d',
            symbolSize: 40,
            label: {
                normal: {
                    show: true
                }
            },
            edgeSymbol: ['circle', 'arrow'],
            edgeSymbolSize: [4, 10],
            data: mock[0],
            links: links,
            lineStyle: {
                normal: {
                    color: '#2f4554',
                    opacity: 0.9,
                    width: 2,
                    curveness: 0.6
                }
            },

        }
    ]
};

// 绘制图表
myChart.setOption(option);

var option2 = {
    title: { text: 'ECharts 入门示例' },
    tooltip: {},
    xAxis: {
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
}*/


const App = () => (
    <div className="app">
        <div className="header">
            <h2>Editable table </h2>
        </div>
        <div className="content">
            <Table />
        </div>

        <div className="echarts">

        </div>

    </div>
);

export default App;